<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .d1{
            background:red;
        }
        .d2{
            /*十六进制的方式：0-F[0-9,a-f],#ff0000红色、#00ff00绿色、#0000ff蓝色、#000000黑色、#ffffff白色、#cccccc灰色*/
            /*background:#0000ff;*/
            /*background:#00f;*/

            /*background:#aabbcc;*/
            /*background:#abc;*/


            /*黑色*/
            /*background:#000000;*/

            /*白色*/
            background:#ffffff;
            /*无法简写*/
            /*background:#0abbcc;*/

            /*background:#72a21f;*/
        }
        .d3{
            /*使用rgb函数的方式表示颜色，取值范围0-255*/
            /*background:rgb(0,0,255);*/
            background:rgb(23,120,120);
        }
        .d4{
            /*rgba(r,g,b,a)*/
            /*a:alpha表示透明度，取值范围[0,1]*/
            background:rgba(255,0,0,0.5);
        }
    </style>
</head>
<body>
    <div class="d1">使用英文单词表示颜色</div>
    <div class="d2">使用十六进制的方式表示颜色</div>
    <div class="d3">使用rgb函数来表示颜色</div>
    <div class="d4">使用rgba函数来表示颜色</div>
</body>
</html>